import React,{Component} from "react";
import H5Tailer from "../../components/H5Tailer";
import "./index.css";

export default class H5WorkShop extends Component {
    render() {
        return (
            <div className="container">
 
                <header>
                        <a href="/"><img alt="1" src="img/logo.png" className="logo" /></a>
                        <a href="/" className="navMenu"><img alt="1" src="img/menu.png" /></a>
                    </header>
                    <div className="banner gzf-banner">
                        <h1>数字化转型工作坊</h1>
                        <p>赋能企业管理者与核心骨干，<br/>贯通企业数字化转型“快车道”</p>
                        <a href="/">获取定制方案</a>
                    </div>
                    <nav>
                        <a href="/"><span className="on">产品概述</span></a>
                        <a href="/">产品特点</a>
                        <a href="/">培训方式</a>
                        <a href="/">培训主题</a>
                    </nav>
                    <div className="overview">
                        <h1 className="h1Tit">产品概述</h1>
                        <p className="subTit">工作坊是针对企业中高层管理者、业务骨干、技术骨干，以专家指导共创应用方案的培训模式，它能帮助企业解决：</p>
                        <img alt="1" src="img/img_01/gzf_01.png" className="img-full"/>
                    </div>
                    <div className="feature">
                        <h1 className="h1Tit">产品特点</h1>
                        <div className="imgWrap">
                            <img alt="1" src="img/img_01/gzf_02.png" />
                            <img alt="1" src="img/img_01/gzf_03.png" />
                            <img alt="1" src="img/img_01/gzf_04.png" />
                            <img alt="1" src="img/img_01/gzf_05.png" />
                        </div>
                    </div>
                    <div className="gzf-train">
                        <h1 className="h1Tit">培训方式</h1>
                        <div className="trainWrap">
                            <div className="imgWrap">
                                <img alt="1" src="img/img_01/gzf_06.png"/>
                            </div>
                        </div>
                        <img alt="1" src="img/img_01/menu.png" className="menu"/>
                    </div>
                    <div className="topic">
                        <h1 className="h1Tit">培训主题</h1>
                        <div className="topicBox">
                            <div className="t-title">
                                <span>数字化顶层设计</span>
                                <a href="/"><img alt="1" src="img/open.png"/><img alt="1" src="img/close.png" style={{display: 'none'}}/></a>
                            </div>
                            <div className="t-content">
                                <p>数字化转型是一个系统工程，要有全景式视角的顶层设计指导战略方向，确定目标和节奏。</p>
                                <div className="line"></div>
                                <img alt="1" src="img/img_01/gzf_07.png"/>
                                <p className="other-t">•  数字化转型加速器：从战略设计到业务落地 工作坊<br/>
                                •  数字化转型战略解码 工作坊</p>
                            </div>
                        </div>
                        <div className="topicBox">
                            <div className="t-title">
                                <span>数字化业务架构</span>
                                <a href="/"><img alt="1" src="img/open.png"/><img alt="1" src="img/close.png" style={{display: 'none'}}/></a>
                            </div>
                            <div className="t-content">
                                <p>梳理企业数字化需求，搭建业务架构，制定数字化解决方案，实现业务与技术深度融合。</p>
                                <div className="line"></div>
                                <img alt="1" src="img/img_01/gzf_08.png"/>
                                <p className="other-t">•  银行数字化转型业务架构设计 工作坊<br/>
                                •  智能工厂打造 工作坊</p>
                            </div>
                        </div>
                        <div className="topicBox">
                            <div className="t-title">
                                <span>数据创造力</span>
                                <a href="/"><img alt="1" src="img/open.png"/><img alt="1" src="img/close.png" style={{display: 'none'}}/></a>
                            </div>
                            <div className="t-content">
                                <p>将数据作为生产要素，以数据技术释放的“数字力”驱动商业进化，促进数字化转型提速。</p>
                                <div className="line"></div>
                                <img alt="1" src="img/img_01/gzf_09.png"/>
                                <p className="other-t">•  数据驱动增长 工作坊<br/>
                                •  银行数据建模师 工作坊</p>
                            </div>
                        </div>
                        <div className="topicBox">
                            <div className="t-title">
                                <span>转型领导力</span>
                                <a href="/"><img alt="1" src="img/open.png"/><img alt="1" src="img/close.png" style={{display: 'none'}}/></a>
                            </div>
                            <div className="t-content">
                                <p>拥有“数字化思维与运营管理能力”的是实干变革型领导者，是企业数字化转型的重要推手。</p>
                                <div className="line"></div>
                                <img alt="1" src="img/img_01/gzf_10.png"/>
                                <p className="other-t">•  数字化变革领导力 工作坊<br/>
                                •  敏捷项目管理 工作坊<br/>
                                •  产品思维与产品创新 工作坊</p>
                            </div>
                        </div>
                        <div className="topicBox">
                            <div className="t-title">
                                <span>人才与组织</span>
                                <a href="/"><img alt="1" src="img/open.png"/><img alt="1" src="img/close.png" style={{display: 'none'}}/></a>
                            </div>
                            <div className="t-content">
                                <p>要落实数字化组织管理、搭建数字化人才梯队，需要从“一把手”工程升级为“一盘棋”工程。</p>
                                <div className="line"></div>
                                <img alt="1" src="img/img_01/gzf_11.png"/>
                                <p className="other-t">•  HR数字化转型 工作坊<br/>
                                •  数字化转型官</p>
                            </div>
                        </div>
                    </div>
                    <div className="case bg-grey">
                        <h1 className="h1Tit">成功案例</h1>
                        <div className="caseWrap">
                            <img alt="1" src="img/img_01/gzf_12.png" className="img-full"/>
                        </div>
                    </div>

                <H5Tailer/>
                
            </div>
        )
    }
}